@import './normalize.less';

.top {
    .top_left {
        img {
            width: .8rem;
            height: .8rem;
        }
    }
}

.time {
    position: absolute;
    font-size: .3467rem;
    bottom: 0;
    right: .2667rem;
    opacity: 0.5;
}

.planning_content {
    display: flex;
    justify-content: space-between;
    margin-top: 1.0667rem;

    .plan_left {
        // width: .6667rem;
        height: 10.9867rem;
        padding-top: 2.32rem;
        margin-left: .4rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        p {
            font-size: .4267rem;
            text-align: center;
          
        }
    }

    .plan_right {
        flex: 1;
        background-color: #fbfbfb;
        margin-left: .8rem;
        padding-right: .5333rem;
        padding-top: .8rem;
        padding-bottom: .7467rem;

        .swiper-container {
            margin: 0;
            width: 7.4667rem;
            height: 10.6667rem;
            // margin-bottom: .8rem;

            .swiper-slide {
                font-family: 'sans-serif';
                height: auto;
                padding: 0;
                font-size: .5333rem;
                line-height: 1.8;

                li {
                    margin-left: .6667rem;
                    margin-bottom: .2667rem;

                    span {
                        opacity: 0;
                        display: block;
                        float: right;
                        width: 25px;
                        height: 25px;
                        border-radius: 2px;
                        display: flex;
                        align-items: center;

                        &:first-child {
                            margin-right: .6em;
                            background: url('../icon/ZS打勾.png');
                            background-size: contain;

                        }

                        &:last-child {
                            margin-right: .6em;
                            background: url('../icon/关闭.png') no-repeat;
                            background-size: contain;
                        }
                    }
                }
            }
        }

        p {
            margin-bottom: 1em;
        }
    }
}

.add {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 2.2667rem;
    height: 1.8667rem;
    background-color: #fe4775;
    border-top-left-radius: .2133rem;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
        width: .9333rem;
        height: .9333rem;
    }
}
#active{
    color: #fe4775;
    font-size: .48rem;
    font-weight: 700;
}
